
import PropTypes from 'prop-types'
import React from 'react'
// import CSSModules from 'browser/lib/CSSModules'
// import styles from './SearchButton.styl'
import i18n from '../../lib/i18n'
import IconButton from '@material-ui/core/IconButton';
import Tooltip from '@material-ui/core/Tooltip';
const SearchButton = ({ onClick, isActive }) => (
<Tooltip title={i18n.__('Search')}>
  <IconButton className='top-menu-search' onClick={e => onClick(e)}>
    <img style={{width:"25px"}}
      className='icon-search'
      src={
        isActive
          ? '../resources/icon/icon-search-active.svg'
          : '../resources/icon/icon-search.svg'
      }
    />
  </IconButton></Tooltip>
 )

SearchButton.propTypes = {
  onClick: PropTypes.func.isRequired,
  isActive: PropTypes.bool
}

export default SearchButton;// CSSModules(SearchButton, styles)
